<template>
  <div class="pageCon pr" style="background-color: #fff; height: 100%; min-width: 1000px">
    <!--顶部工具条 start-->
    <div id="topToolBar">
      <!--01-->
      <div class="clearfix pr animated bounceInRight" v-show="beforeSelect">
        <h3 class="fl PageTitle">政策服务</h3>
        <span style="z-index: 2" id="PageIcon" class="PageIcon fl" @click.stop="searchShow=true;rightEnter=false;searchColor='#2599ec'">
          <Icon style="z-index: 1" type="search" :color="searchColor" size="20"></Icon>
        </span>
        <Button v-show="backToListShow" class="fr backToList mt15 mr20" type="ghost" icon="reply" @click="reloadPage">返回列表</Button>
        <!--检索框 start-->
        <transition name="fade">
          <div @click.stop="searchShow = true" id="searchPop" class="searchPop clearfix" v-show="searchShow">
            <!--检索导航 start-->
            <div class="searchMenu fl">
              <a href="javascript:;" class="block menuName transi mt15" :class="{'active': serTitOn}" @click.stop="serShow = true;serTitOn=true">常用检索</a>
              <a href="javascript:;" class="block menuName transi" :class="{'active': !serTitOn}" @click.stop="serShow = false;serTitOn=false">自定义检索</a>
            </div>
            <!--检索导航 end-->
            <!--检索内容选择 start-->
            <div class="searchTerm fl">
              <div v-show="serShow" class="commonSearch pr">
                <i class="serArr block pa"></i>
                <ul class="scrollBar">
                  <li class="textoverflow"  @click.stop="getSearchList(0,10,$event,'0D6C2CD4-F8D5-42B8-BB42-16B23AF451BB')">项目申报</li>
                  <li class="textoverflow"  @click.stop="getSearchList(0,10,$event,'9DC20903-C260-4D5A-AF40-9216C00B992F')">资质认定</li>
                  <li class="textoverflow"  @click.stop="getSearchList(0,10,$event,'E9939F25-D3E9-4758-ABFA-26523CEA4BC0')">财税筹划</li>
                </ul>
              </div>
              <div v-show="!serShow" class="customSearch pr">
                <i class="serArr block pa"></i>
                <!--表单列表 start-->
                <Form class="scrollBar" ref="serformItem" :model="serformItem" :label-width="100">
                  <Row>
                    <Col span="12">
                    <FormItem label="标题" prop="nameInput">
                      <Input v-model="serformItem.nameInput" style="width: 165px" placeholder="请输入关键词"></Input>
                    </FormItem>
                    </Col>
                    <Col span="12">
                    <FormItem label="发布体系" prop="selectedSystem">
                      <Select :disabled="ifDisabled" v-model="serformItem.selectedSystem" style="width: 165px">
                        <Option value="全部"></Option>
                        <Option :key="index" v-for="(item,index) in systemData" :value="item.baseId">{{ item.baseName }}</Option>
                      </Select>
                    </FormItem>
                    </Col>
                  </Row>
                  <Row>
                    <Col span="12">
                    <FormItem label="地域" prop="areaSelect">
                      <Select v-model="serformItem.areaSelect" @on-change="Disabled" style="width: 165px">
                        <Option value="全部"></Option>
                        <Option value="A821846D-4B4A-4735-9F2B-0A0B9ED57F6B">中央</Option>
                        <Option value="52ED0844-06A7-437C-AE97-E074253DCFD5">天津市</Option>
                        <Option value="00039C5C-C50C-43A8-B2F9-104C2E15A4F7">高新区</Option>
                        <Option value="F9E07D18-A548-4365-9ED5-F9E73255522B">滨海新区</Option>
                      </Select>
                    </FormItem>
                    </Col>
                    <Col span="12">
                    <FormItem label="发布时间" prop="timeSelect">
                      <DatePicker v-model="serformItem.timeSelect" type="date" @on-change="serformItem.timeSelect=$event" placeholder="请选择日期" style="width: 165px"></DatePicker>
                    </FormItem>
                    </Col>
                  </Row>
                  <FormItem class="pa serBtns" style>
                    <Button type="primary" @click.stop="getSearchList(0, 10)">查询</Button>
                    <Button @click="handleReset('serformItem')" class="ml10">重置</Button>
                  </FormItem>
                </Form>
                <!--表单列表 end-->
              </div>
            </div>
            <!--检索内容选择 end-->
          </div>
        </transition>
        <!--检索框 end-->
      </div>
    </div>
    <!--顶部工具条 end-->
    <!--右侧滑框 start-->
    <transition name="rightSlide" enter-active-class="animated bounceInRight" leave-to-class="animated bounceOutRight">
      <div class="RightSlide pa" v-show="rightEnter" @click.stop>
        <!--详情主体 start-->
        <div class="RightSlideBody pa">
          <Tabs @on-click="clickTabShow" type="card" :animated="false">
            <TabPane name="signPolicyDetail" label="政策详情" class="scrollBar policyDetailBox">
              <div class="policyDetailCon f14 pt15">
                <p v-html="policyContent"></p>
              </div>
            </TabPane>
            <TabPane name="signRelevantPolicy" label="相关政策" class="scrollBar policyDetailBox">
              <!--<relevant-polic ref="childFunction"></relevant-polic>-->
              <div class="relevant-polic clearfix">
                <div class="enterPriseName fl pr">
                  <span class="smallLine pa"></span>
                  <p>{{enterpriseName}}</p>
                </div>
                <ul class="policyInfoList fl pr">
                  <li class="topSmallLine pa"></li>
                  <li class="bottomSmallLine pa"></li>
                  <li class="nodata" v-if="relevantPolicData.length === 0">暂无数据</li>
                  <li class="li" v-if="relevantPolicData.length > 0" :key="index" v-for="(item,index) in relevantPolicData">{{item.policyTitle}}</li>
                </ul>
              </div>
            </TabPane>
            <TabPane name="signMatchLabel" label="匹配标签" class="scrollBar policyDetailBox">
              <table width="100%" class="matchLabel mt25" v-if="queryIndexsData">
                <tbody class="tableBgColor">
                  <tr class="trBgColor">
                    <th width="15%" class="fb">序号</th>
                    <th width="85%" class="fb">标签</th>
                  </tr>
                  <tr v-for="(item,index) in queryIndexsData" :key="index">
                    <td width="15%">{{index+1}}</td>
                    <td width="85%">{{item.indexName}}</td>
                  </tr>
                  <tr v-show="queryIndexsData.length === 0">
                    <td colspan="2">暂无相关数据</td>
                  </tr>
                </tbody>
              </table>
            </TabPane>
            <TabPane name="signMatchEnterprise" label="匹配企业" class="scrollBar policyDetailBox">
              <p v-if="!matchingList">暂无数据</p>
              <table width="100%" class="matchLabel mt25" v-if="matchingList">
                <tbody class="tableBgColor">
                  <tr class="trBgColor">
                    <th width="10%" class="fb">序号</th>
                    <th width="30%" class="fb">企业名称</th>
                    <th width="20%" class="fb">所在地域</th>
                    <th width="20%" class="fb">联系人姓名</th>
                    <th width="20%" class="fb">联系方式</th>
                  </tr>
                  <tr v-for="(item,index) in matchingList" :key="index">
                    <td width="10%">{{index+1}}</td>
                    <td width="30%">{{item.companyName?item.companyName:'无'}}</td>
                    <td width="20%">{{item.city?item.city.regionName:'无'}}</td>
                    <td width="20%">{{item.personName?item.personName:'无'}}</td>
                    <td width="20%">{{item.telephone?item.telephone:'无'}}</td>
                  </tr>
                  <tr v-show="matchingList.length === 0">
                    <td colspan="5">暂无相关数据</td>
                  </tr>
                </tbody>
              </table>

            </TabPane>
            <TabPane name="signMatchAtlas" label="匹配图谱" class="scrollBar policyDetailBox">
              <matching-atlas  ref="atlas"></matching-atlas>
            </TabPane>
          </Tabs>
        </div>
        <!--详情主体 end-->
      </div>
    </transition>
    <!--右侧滑框 end-->
    <!--表格列表 start-->
    <div @click.stop>
      <div id="mainTable">
        <table width="100%">
          <thead>
          <tr class="Table_Head">
            <th class="tc">序号</th>
            <th>标题</th>
            <th>类型</th>
            <th>体系</th>
            <th>地域</th>
            <th>发布时间</th>
          </tr>
          </thead>
          <tbody>
          <tr v-if="mainData.length>0" class="Table_List" :key="index" v-for="(item,index) in mainData">
            <td width="5%"><div class="textoverflow tc">{{index+1}}</div></td>
            <td width="35%">
              <div class="textoverflow detailShow" @click.stop="showEnterpriDetail(item.baseId,item.title)">{{item.title?item.title:'无'}}</div>
            </td>
            <td width="10%"><div class="textoverflow " >{{item.typeDto?item.typeDto.baseName:'无'}}</div></td>
            <td width="10%">
              <div class="textoverflow" v-if="item.systemDto.length===1">{{item.systemDto[0].baseName}}</div>
              <div class="textoverflow" v-else-if="item.systemDto.length>1">{{item.systemDto[0].baseName+'、'+item.systemDto[1].baseName}}</div>
              <div class="textoverflow" v-else-if="item.systemDto.length===0 && item.place==='A821846D-4B4A-4735-9F2B-0A0B9ED57F6B'">科技局</div>
              <div class="textoverflow" v-else-if="item.systemDto.length===0">无</div>
            </td>
            <td width="10%"><div class="textoverflow">{{item.districtDto?item.districtDto.baseName:item.cityDto?item.cityDto.baseName:item.provinceDto?item.provinceDto.baseName:'中央'}}</div></td>
            <td width="15%"><div class="textoverflow">{{item.baseCreatetime?item.baseCreatetime:'无'}}</div></td>
          </tr>
          <tr v-if="mainData.length === 0">
            <td colspan="10" class="tc" style="height: 70px;">
              <div v-show="isLoading" class="loading" style="margin-top: 5px;">
                <Spin>
                  <Icon type="load-c" size=40 class="demo-spin-icon-load"></Icon>
                  <div class="mt30">Loading</div>
                </Spin>
              </div>
              <span v-show="!isLoading">暂无相关数据</span>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="mt25 mr25 fr">
        <Page ref="pages" :total="totalNum"  :page-size="pageSize" :current="1" @on-change="changePage"></Page>
      </div>
    </div>
    <!--表格列表 end-->
  </div>
</template>
<script>
import "../../assets/css/animate.css";
//import relevantPolic from "./components/relevantPolicies.vue";
import matchingAtlas from "./components/matchingAtlas.vue";
import Layout from "../layout";
import { postAjax, getAjax } from "../../api/api.js";
export default {
  props:["navSign"],
  components: {
//    relevantPolic,
    matchingAtlas
  },
  data() {
    return {
      totalNum: 1,
      pageSize: 10,
      mainData: [{
        typeDto:{
          baseName:''
        }
      }],
      policyContent: "", //政策详情
      matchingList: [], //匹配企业
      queryIndexsData: [], //匹配标签
      valSearch:'',//检索-常用检索数据
      searchE:'',//检索
      systemData:[],//检索-发布体系数据
      ifDisabled:false,//检索-默认不可点击
      baseId: "", //存储公共id
      getMatchPicTitle: '',//存储匹配图谱的title
      relevantPolicData:[],//详情-相关政策
      enterpriseName:'',//详情-企业名字
      // 显示隐藏等效果的控制变量
      beforeSelect: true, // 部门管理头部栏
      afterSelect: false, // 编辑栏
      backToListShow: false, //返回列表按钮显示
      searchShow: false, //搜索框显示隐藏
      searchColor: "#9c9c9c", //搜索框颜色设置
      backToListShow: false, //检索后返回主表格
      serShow: true, //检索主体内容切换
      serTitOn: true, //检索框标题选中
      rightEnter: false, //右侧滑框
      isLoading: true, //loading加载显示与否
      //搜索条件form数据存储
      serformItem: {
        nameInput: "",
        areaSelect: "",
        selectedSystem: "",
        timeSelect: ""
      }
    };
  },
  methods: {
    // 监听body并关闭弹出框
    bodyClick (){
      //关闭所有弹窗
      this.searchShow = false;
      this.searchColor = '#9c9c9c';
      this.rightEnter = false;
    },
    Disabled (val){
      if(val === 'A821846D-4B4A-4735-9F2B-0A0B9ED57F6B'){
        this.ifDisabled = true;
      }else{
        this.ifDisabled = false;
      }
    },
    //搜索条件提交按钮功能
    handleSubmit(name) {
      this.$refs[name].validate(valid => {
        if (valid) {
          this.$Message.success("Success!");
        } else {
          this.$Message.error("Fail!");
        }
      });
    },
    //搜索条件重置按钮功能
    handleReset(name) {
      this.$refs[name].resetFields();
    },
    //请求发布体系
    getSystemData() {
      getAjax("/policyInfo/getSystems/").then(response => {
        if (response.data.code === 0) {
          this.systemData = response.data.obj;
        } else {
          this.$Message.warning("检索发布体系数据请求异常");
        }
      })
      .catch(error => {
        console.log(error);
      });
    },
    //请求主表格数据
    getPolicyServiceList(pageNum, pageSize, e, val) {

      this.isLoading = true;
      this.mainData = [];
      //置空参数
      this.valSearch = '';

      let param = {};
      let ifTitle = this.serformItem.nameInput === ""; //标题
      let ifArea = this.serformItem.areaSelect === ""; //区域
      let ifSystem = this.serformItem.selectedSystem === ""; //发布体系
      let ifTime = this.serformItem.timeSelect === ""; //时间
      if (!ifTitle) {//标题
        let data = this.serformItem.nameInput;
        param.title = data;
        this.backToListShow = true;
      };
      if(!ifArea){//搜索值不为空—区域
        let data = this.serformItem.areaSelect;
        if(data !== '全部'){//搜索值不全部
          if(data == 'A821846D-4B4A-4735-9F2B-0A0B9ED57F6B'){
            param.place = data;
          }else if(data == '52ED0844-06A7-437C-AE97-E074253DCFD5'){
            param.province = data;
          }else if(data == '00039C5C-C50C-43A8-B2F9-104C2E15A4F7'){
            param.district = data;
          }else if(data == 'F9E07D18-A548-4365-9ED5-F9E73255522B'){
            param.district = data;
          }
          this.backToListShow = true;
        }
      };
      if(!ifSystem){//搜索值不为空—发布体系
        let data = this.serformItem.selectedSystem;
        if(data !== '全部'){//搜索值不全部
          param.systemDto = [{baseId : data}];
          this.backToListShow = true;
        }
      };
      if(!ifTime){//搜索值不为空—时间
        let data = this.serformItem.timeSelect;
        param.baseCreatetime = data;
        this.backToListShow = true;
      };
      if(val){//自定义检索
        this.valSearch = val;
        this.searchE = e;
        param.type = val;
        this.backToListShow = true;
      };

      let stringParam = JSON.stringify(param);

      getAjax("/policy/list/" + pageNum + "/" + pageSize + "/" + stringParam)
        .then(response => {
          if (response.data.code === 0) {
            this.isLoading = false;
            this.mainData = response.data.obj.content;
            this.totalNum = response.data.obj.totalElements;
          } else {
            this.$Message.warning("数据请求异常");
          }

        })
        .catch(error => {
          this.$Loading.error();
          console.log(error);
        });
      this.bodyClick();//关闭检索窗
    },
    //请求查询
    getSearchList(pageNum, pageSize, e, val) {
      this.$refs['pages'].currentPage = 1;
      this.isLoading = true;
      this.mainData = [];
      //置空参数
      this.valSearch = '';

      let param = {};
      let ifTitle = this.serformItem.nameInput === ""; //标题
      let ifArea = this.serformItem.areaSelect === ""; //区域
      let ifSystem = this.serformItem.selectedSystem === ""; //发布体系
      let ifTime = this.serformItem.timeSelect === ""; //时间
      if (!ifTitle) {//标题
        let data = this.serformItem.nameInput;
        param.title = data;
        this.backToListShow = true;
      };
      if(!ifArea){//搜索值不为空—区域
        let data = this.serformItem.areaSelect;
        if(data !== '全部'){//搜索值不全部
          if(data == 'A821846D-4B4A-4735-9F2B-0A0B9ED57F6B'){
            param.place = data;
          }else if(data == '52ED0844-06A7-437C-AE97-E074253DCFD5'){
            param.province = data;
          }else if(data == '00039C5C-C50C-43A8-B2F9-104C2E15A4F7'){
            param.district = data;
          }else if(data == 'F9E07D18-A548-4365-9ED5-F9E73255522B'){
            param.district = data;
          }
          this.backToListShow = true;
        }
      };
      if(!ifSystem){//搜索值不为空—发布体系
        let data = this.serformItem.selectedSystem;
        if(data !== '全部'){//搜索值不全部
          param.systemDto = [{baseId : data}];
//          {"systemDto":[{"baseId": "C472FC1F-B3DB-48A8-BCD3-FE0AE0680686"}]}
          this.backToListShow = true;
        }
      };
      if(!ifTime){//搜索值不为空—时间
        let data = this.serformItem.timeSelect;
        param.baseCreatetime = data;
        this.backToListShow = true;
      };
      if(val){//自定义检索
        this.valSearch = val;
        this.searchE = e;
        param.type = val;
        this.backToListShow = true;
      };

      let stringParam = JSON.stringify(param);

      getAjax("/policy/list/" + pageNum + "/" + pageSize + "/" + stringParam)
        .then(response => {
          if (response.data.code === 0) {
            this.isLoading = false;
            this.mainData = response.data.obj.content;
            this.totalNum = response.data.obj.totalElements;
          } else {
            this.$Message.warning("数据请求异常");
          }

        })
        .catch(error => {
          this.$Loading.error();
          console.log(error);
        });
      this.bodyClick();//关闭检索窗
    },
    //刷新页面
    reloadPage () {
      this.backToListShow=false;
      this.handleReset('serformItem');
      this.getSearchList(0, 10);
    },
    //点击分页
    changePage(pageNum) {
      this.getPolicyServiceList(pageNum - 1, this.pageSize, this.searchE, this.valSearch);
    },
    //点击tab切换
    clickTabShow(sign){
//      if (sign === "signPolicyDetail") {//政策详情
//        this.policyInfo();
//      } else if (sign === "signRelevantPolicy") {//相关政策
////        this.$refs.childFunction.querypolicys(this.baseId,this.getMatchPicTitle);
//      } else if (sign === "signMatchLabel") {//匹配标签
//        this.queryIndexs();
//      } else if (sign === "signMatchEnterprise") {//匹配企业
//        this.policyInfo();
//      } else if (sign === "signMatchAtlas") {//匹配图谱
//        this.$refs.atlas.getMatchPic(this.baseId,this.getMatchPicTitle);
//      }
    },
    //点击详情页展示
    showEnterpriDetail(id,title) {
      this.searchColor = "#9c9c9c";
      this.searchShow = false;
      //详情页展示隐藏
      if (this.rightEnter == false) {
        this.rightEnter = true; //详情页展开
         if(this.navSign == false){//判断左侧菜单是否收缩
           this.$emit('navSlideToggle');//调用父组件方法控制导航收缩
         }

      }
      //存储当前行id atlas
//      this.$refs.childFunction.querypolicys(id,title);//相关政策
      this.relevantPolic(id,title);//相关政策
      this.$refs.atlas.getMatchPic(id,title);//匹配图谱
      this.baseId = id;
      this.getMatchPicTitle = title;
      this.$refs.childFunction.querypolicys(id,title);//相关政策
      this.$refs.atlas.getMatchPic(id,title);//匹配图谱
      this.policyInfo();//匹配企业
      this.policyInfozc();//匹配政策
      this.queryIndexs();//匹配标签
    },
    //政策详情
    policyInfo() {
      getAjax("/policy/" + this.baseId).then(response => {
        if (response.data.code === 0) {
          this.isLoading = false;
          this.policyContent = response.data.obj.content;
        } else {
          this.$Message.warning("数据请求异常");
        }
      });
    },
    //相关政策
    relevantPolic(thisid,thistitle){
      let url = JSON.stringify({ id: this.baseId });
      getAjax("/policyInfo/list/querypolicys/" + url).then(response => {
        if (response.data.code === 0) {
          this.relevantPolicData = response.data.obj;
          this.enterpriseName = thistitle;
        } else {
          this.$Message.warning("数据请求异常");
        }
      });
    },
    //匹配企业
    policyInfozc() {
      let url = JSON.stringify({ id: this.baseId });
      getAjax("/policyInfo/list/querycompanys/" + url).then(response => {
        if (response.data.code === 0) {
          this.isLoading = false;
          this.matchingList = response.data.obj;
          // this.mainData = response.data.obj.content;
        } else {
          this.$Message.warning("数据请求异常");
        }
      });
    },
    //匹配标签
    queryIndexs() {
      let url = JSON.stringify({ id: this.baseId });
      getAjax("/policyInfo/list/queryIndexs/" + url).then(response => {
        if (response.data.code === 0) {
          this.isLoading = false;
          this.queryIndexsData = response.data.obj;
        } else {
          this.$Message.warning("数据请求异常");
        }
      });
    },

  },
  created() {
    document.querySelector("body").addEventListener("click", this.bodyClick);
  },
  mounted() {
    this.getPolicyServiceList(0, this.pageSize);
    this.getSystemData();//请求发布体系数据
  },
  destroyed() {
    document.querySelector("body").removeEventListener("click", this.bodyClick);
  }
};
</script>
<style scoped>
body {
  height: 100%;
  background-color: #fff;
}
/*修改滚动条的样式*/
/*滚动条样式*/
.scrollBar::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.scrollBar::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #dddddd;
  background-color: #c7c7c7;
}
.scrollBar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
}
/*右侧滑出框样式*/
.RightSlide {
  width: 80%;
  height: 100%;
  background-color: #fff;
  top: 0;
  right: 0;
  z-index: 10;
  box-shadow: 0px 0px 6px #ddd;
}
.RightSlideTit {
  width: 100%;
  height: 140px;
  left: 0;
  right: 0;
  top: 0;
}
.RightSlideTit .iconfont {
  color: #2399ee;
  font-size: 18px;
}
.RightSlide .titTable {
  margin-left: 30px;
  width: 95%;
}
.RightSlide .titTable td {
  height: 28px;
}
.RightSlide .toolTip li {
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  background: #fa9749;
  border-radius: 3px;
  margin-right: 5px;
  color: #fff;
}
.RightSlideBody {
  width: 100%;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
}
/*检索框样式*/
#searchPop {
  height: 238px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0px 0px 6px #e0e0e0;
  position: absolute;
  top: 45px;
  left: 98px;
  z-index: 9;
  background-color: #fff;
}
#searchPop .searchMenu {
  width: 88px;
  height: 100%;
  background: #293247;
  border-radius: 4px 0 0 4px;
  font-size: 12px;
}
#searchPop .searchTerm {
  height: 100%;
}
#searchPop .menuName {
  color: #ccc;
  height: 30px;
  line-height: 30px;
  padding-left: 13px;
}
#searchPop .menuName.active {
  color: #fff;
}
#searchPop .menuName:hover {
  color: #fff;
}
#searchPop .commonSearch {
  width: 308px;
  height: 100%;
  padding: 15px 10px 15px 20px;
}
#searchPop .commonSearch ul {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
#searchPop .commonSearch li {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
#searchPop .commonSearch li:hover {
  color: #2399ee;
  cursor: pointer;
}
#searchPop .commonSearch .serArr {
  left: -7px;
  top: 25px;
}
#searchPop .customSearch {
  width: 580px;
  height: 100%;
  padding: 15px 10px 0px 15px;
}
#searchPop .customSearch .scrollBar {
  width: 100%;
  height: 175px;
}
#searchPop .customSearch .serArr {
  left: -7px;
  top: 53px;
}
.serBtns {
  bottom: -5px;
  right: 25px;
}
.serBtns button {
  width: 70px;
}

#searchPop .serArr {
  width: 7px;
  height: 12px;
  background: url("../../../static/images/icon_searchArr.png");
  z-index: 10;
}
/*顶部标题栏及编辑栏样式*/
.PageTitle {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
}
.PageIcon {
  font-size: 20px;
  line-height: 60px;
  padding-left: 10px;
  cursor: pointer;
}
#topToolBar {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}
/*主表格样式mainTable*/
#mainTable table {
  color: #666;
  border-bottom: 1px solid #e7eaec;
}
#mainTable table th {
  padding: 0 10px;
  height: 40px;
  background: #f3f5f9;
  border-right: 1px solid #e7eaec;
  font-weight: bold;
  font-size: 14px;
}
#mainTable table td {
  position: relative;
  height: 40px;
  line-height: 40px;
  border-right: 1px solid #e7eaec;
  font-size: 14px;
}
#mainTable table td div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
#mainTable table td p {
  height: 40px;
  line-height: 40px;
}
#mainTable .Table_List:nth-of-type(even) {
  background: #f3f5f9;
}
#mainTable .Table_List {
  border-top: 1px solid #e7eaec;
}
#mainTable .Table_List .detailShow {
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
#mainTable .Table_List .detailShow:hover {
  border: 1px solid #2399ee;
  color: #2399ee;
}
/*详情—政策详情tab样式*/
.policyDetailBox {
  padding: 0 30px;
}
.policyDetailTit {
  width: 100%;
  height: 110px;
  border-bottom: 1px solid #e2e2e2;
}
.policyDetailCon {
  width: 100%;
  line-height: 32px;
}
.policyDetailTit f18 {
  margin-top: 30px;
}
.policyDetailTit .subTit {
  height: 22px;
  line-height: 22px;
}
/*详情——相关政策tab样式*/
.relevant-polic{
  margin-top: 100px;
  margin-left:30px;
}
.relevant-polic .enterPriseName{
  line-height: 24px;
  width: 300px;
  border: 2px solid #308bd8;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  background: #f5f5f5;
  color: #308bd8;
}
.relevant-polic .smallLine{
  width: 50px;
  border-top: 2px solid #308bd8;
  top: 50%;
  left: 298px;
}
.policyInfoList{
  margin: -20px 0 0 50px;
  border-left: 2px solid #308bd8;
  padding: 20px 0;
}
.policyInfoList .li{
  width: 400px;
  line-height: 24px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-left: 28px;
  margin-bottom: 20px;
}
.topSmallLine{
  width: 20px;
  border-top: 2px solid #308bd8;
  top: 0;
  left: 0;
}
.bottomSmallLine{
  width: 20px;
  border-top: 2px solid #308bd8;
  bottom: 0;
  left: 0;
}
.policyInfoList .nodata{
  height: 80px;
  line-height:80px;
  font-size: 14px;
  padding-left:30px;
}
/*详情——匹配标签tab样式*/
.matchLabel td,
.matchLabel th {
  border: 1px solid #e7eaec;
  height: 40px;
  text-align: center;
}
.tableBgColor tr:nth-child(odd),
.trBgColor {
  background: #f6f8fc;
}



</style>
